<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <link rel="stylesheet" href="./css/style.css"/>
     <script src="./js/jquery.min.js"></script>
</head>
<style>
  body,html,#app{
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100%;
    max-width: 450px;
}

</style>
<body>
 <div id="app">
     <div class="index">
          <div class="index_bottom">
              <div class="index_btn btn_rule"></div>
              <div class="index_btn btn_start"></div>
          </div>
     </div>
 </div>
</body>
</html>
<script>
    $('.btn_rule').click(()=>{
        window.location.href = './rule.html'
    })
    $('.btn_start').click(()=>{
        window.location.href = './game.html'
    })
   
</script>
